/* ============================ */
/* CSS for control sap.m/Image  */
/* Base theme                   */
/* ============================ */

.sapMImg {
	border: none;

	/* fix the highlight color on tap*/
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-user-select: none;
	-moz-user-select: none;
	-webkit-touch-callout: none;
}

span.sapMImg {
	display: inline-block;
}

.sapMImg.sapMNoImg {
	visibility: hidden;
}

/* fix chrome browser yellow border on focus problem*/
.sapMImg:focus {
	outline: none;
}


/* ==========================================================================
   Image opening a LightBox
  ========================================================================== */

.sapMLightBoxImage {
	position: relative;
	display: inline-block;

	& .sapMImg {
		display: block;
	}
}

.sapMLightBoxMagnifyingGlass {
	display: inline-block;
	width: 1rem;
	height: 1rem;
	position: absolute;
	background-color: @sapUiLink;
	bottom: -0.125rem;
	right: -0.125rem;
	border-radius: 0.5rem;
	font-size: 0.75rem;
	pointer-events: none;
}

.sapMLightBoxMagnifyingGlass:before {
	position: absolute;
	top: 1px;
	left: 3px;
	font-family: SAP-icons;
	content: "\e00d";
	color: @sapUiContentContrastIconColor;
}